<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>{$head[title]}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="{$head[keywords]}" name="keywords" />
<meta content="{$head[description]}" name="description" />
<base href="{SITE_URL}" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="skin/style.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="{$head[title]}" href="/rss.php?rssid={$catid}" />
<script language="JavaScript" src="misc/config.js"></script>
<script language="JavaScript" src="misc/jquery.min.js"></script>
<script language="JavaScript" src="misc/common.js"></script>
<script language="JavaScript" src="misc/validator.js"></script>



<!--图片局部放大-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddpowerzoomer/ddpowerzoomer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){ 
	$('img.vacation').addpowerzoom({
		defaultpower: 2,
		powerrange: [2,5],
		largeimage: null,
		magnifiersize: [100,100] //<--no comma following last option!
	})
})
</script>


<!--<script src="scripts/autoIMG/jquery-1.5.2.min.js"></script>
<script src="scripts/autoIMG/jquery.autoIMG.js"></script>
<script type="text/javascript">
	jQuery(function ($) {
		$('#demo p').autoIMG();
	});
</script>-->


<script type="text/javascript">
function ImgZoom(Id)
{
	var w = Id.width;
	var m = 650;
	if(w < m)
	{
		return;
	}
	else
	{
		var h = Id.height;
		Id.height = parseInt(h*m/w);
		Id.width = m;
	}
}
void function(){
	var Imgs = document.getElementById("article_content").getElementsByTagName("img");
	for(i=0;i<Imgs.length;i++)
	{
		ImgZoom(Imgs[i]);
	}
}();
</script>


</head>
<body>

{template 'header.html'}








<div class="container">
	
    
    <div class="main">
    	<div><a href="">首页</a> » <a href="{url("?module=goods&action=list")}">商品</a> » {$title}</div>
        
        <style type="text/css">
			.goods_attr .desc{
				background:#F8F8F8; padding:10px; margin:10px 0 30px 0; 
			}
			.goods_attr .info{
				height:auto; overflow:hidden;
			}
			.goods_attr .info .thumb{
				float:left; display:inline;
			}
			.goods_attr .left{
				width:200px;
			}
			.goods_attr .left .images img{
				margin:5px 5px 0 0;
			}
			.goods_attr .right{
				float:left; display:inline; margin:0 0 0 0px; width:400px;
			}
			
			.goods_detail{
				margin:20px 0 0 0; clear:both; height:auto; overflow:hidden;
			}
		</style>
        
        <div class="goods_attr">
        <div class="head"><span>商品属性</span></div>
            <div class="info">
                <div class="left">
                    <img src="{$thumb}" width="170" height="220" class="vacation"/>
                    <div class="images">
                        {loop $array_images $k $r}
                        {php if($k>3) continue;}
                        <img src="{thumb($r[filepath], 50, 50)}" alt="点击浏览大图" width="50" height="50" />
                        {/loop}
                    </div>	
                </div>
                <div class="right">
                    <p>{$title}</p>
                    <p>{$description}</p>
                    
                    {if $keywords}
                        <div><strong>关键词：</strong>{$keywords}</div>
                    {/if}
                    
                    <p><a class="buy" href="?module=order&number=1&goodsid=goods_{$contentid}&goodsname={urlencode($title)}&goodsurl={urlencode($url)}&unit={urlencode($unit)}&price={$price}&carriage={$carriage}&stock={$stock}&verify={md5(AUTH_KEY.'goods_'.$goodsid.$title.$url.$unit.$price.$carriage.$stock)}"></a></p>
                    <style type="text/css">
                        .buy, a:hover.buy{ background:gray; width:142px; height:45px; display:block;}
                    </style>
                    
                    <a href="?module=order&file=cart&number=1&goodsid=goods_{$contentid}&goodsname={urlencode($title)}&goodsurl={urlencode($url)}&unit={urlencode($unit)}&price={$price}&carriage={$carriage}&stock={$stock}&verify={md5(AUTH_KEY.'goods_'.$goodsid.$title.$url.$unit.$price.$carriage.$stock)}">加入购物车</a>
                </div>
            </div>   
       </div>
       
        
       <div class="goods_detail" id="article_content">
       	  <div class="head"><span>商品详细</span></div>
       	  <div>
          	{$content}
          </div>
       </div>
        
         
        {php list($mod, $field, $value) = array('goods', 'goodsid', $goodsid);}
        {template 'load.html','comment'}
    
    
    <p>
        {if isset($MODULE[error_report])}<a href="javascript:$('#errors').submit();">[错误报告]</a>{/if} 
        {if isset($MODULE[mail])}<a href="javascript:$('#sendmail').submit();">[推荐]</a>{/if} 
        <a href="member/collect.php?contentid={$contentid}&action=add">[收藏]</a>
        <a href="javascript:window.print();">[打印]</a> <a href="javascript:window.close();">[关闭]</a> 
        <a href="{SITE_URL}{$url}#top">[返回顶部]</a> 
    </p>
    </div>
    
    
    <script type="text/javascript">
		$(function(){
			$(window).scroll(function(){ 
				if($(window).scrollTop()<165){
					$('.aside').removeClass('fixed');
				}
				
				// 不给ie6效果
				if($(window).scrollTop()>165&&!($.browser.msie&&$.browser.version=='6.0')){
					$('.aside').addClass('fixed');
				}
			});
		})
	</script>
    <style type="text/css">
		/* 解决固定层在IE6下闪的问题 */
		*html{
			background-image:url(about:blank);
			background-attachment:fixed;
		}
		.fixed{
			position:absolute; 
			margin-left:10px;
			position:fixed; 
			clip:rect(0 100% 100% 0);
			_position:absolute;
			
			/* 底部 */
			top:0px;
		}
	</style>
    <div class="aside">
    	
        <style type="text/css">
			.aside .rss{
				margin:20px 0 10px 10px; height:auto; overflow:hidden;
			}
			.aside .rss img{
				float:left; display:inline; margin:0 5px 5px 0;
			}
		</style>
        <div class="rss">
        	<img src="skin/images/rss.png"/>
        	<img src="skin/images/zx.png"/>
        	<img src="skin/images/xg.png"/>
        	<img src="skin/images/qq.png"/>
        	<img src="skin/images/google.png"/>
        </div>
        
        
    	<div class="head">热门阅读</div>
    	<ul>
          <!--{get sql="select title,url from table_content order by hits desc" rows="10"}-->
            <li><a href="{url($r[url])}">{$r[title]}</a></li>
          <!--{/get}-->
          </ul>


         <style type="text/css">
		 	.post_feedback{
				height:30px; text-align:center; background:#F8F8F8; margin:10px; padding:20px 0; 
			}
		 </style>	
         <div class="post_feedback">
         	<a href="#">我有话要说</a>
         </div>
       
    </div>
</div>

<script language="javascript" src="?module={$module}&file={$file}&action=count&contentid={$contentid}"></script>
{template 'footer.html'}